@extends('web.common.main2')
@section('container')
<style>
#contaner{
  width:1280px;
  height: 800px;
  margin: 0 auto;
}
.img-wrapper{
  position: relative;
  width:458px;
  height:264px;
}

.tishi{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 80px;
  background: #000;
  display: block;
  zoom: 1;
  filter:alpha(opacity=40);
  opacity: 0.4;
  width: 100%;
  color: #fff;
  line-height: 80px;
  display: none;
}
.activity{
  margin-top: 52px;
  padding: 0px;
  height: 12px;
  line-height:12px;
   list-style: none;
}
.activity li{
  float: left;
  font-size:12px ;
}
.tuwen2{
  margin-top:58px;
  height:284px ;
}
.LQ .video{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.LQ .video li{
  float: left;
  width: 402px;
  height: 326px;
  margin-top:58px;
  margin-right: 37px;
}
.LQ .video li:nth-child(3n){
  margin-right: 0;
}
.img-wrapper:hover span{
  display:block;
 }
</style>
<div class="hb-banner hb-banner_active">
    <ul>
        <li style='background-image: url("/img/active/banner.jpg")'></li>
    </ul>
    <div class="hb-banner-bar">
        <div class="hb-contain">
            <!-- <a href="#" class="arr arr-prev"></a> -->
            <ul class="col4">
                <li>
                    <a href="?id=4" <? if($id==4) echo ' class="current"' ?>>培训类活动</a>
                </li>
                <li>
                    <a href="?id=2" <? if($id==2) echo ' class="current"' ?>>研讨类活动</a>
                </li>
                <li>
                    <a href="?id=3" <? if($id==3) echo ' class="current"' ?>>外拓类活动</a>
                </li>
                <li>
                    <a href="?id=1" <? if($id==1) echo ' class="current"' ?>>考察类活动</a>
                </li>
            </ul>
            <!-- <a href="#" class="arr arr-next"></a> -->
        </div>
    </div>
</div>
<div class="hb-contain">
  <div id="contaner">

  				<ul class="activity">
  					<li style="color:#595757;">碳银活动</li>
  					<li style="width: 30px;"><font style="font-weight:bold;margin-left:13px;position: relative;bottom: 3px;">.</font></li>
  					<li style="color: #00478B;">考察类活动</li>
  				</ul>
          <? if(isset($listData[0])){
            foreach ($listData as $key => $val) { ?>
              <a href="/infoT?id={{$val['id']}}">
            <div class="tuwen2">
              <div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">

                <div class="img-wrapper" >
                  <img src="{{$val['picture'].'?x-oss-process=image/resize,w_458,h_264,m_fill'}}" />
                  <span class="tishi"><center>{{$val['title']}}</center></span>
                </div>

              </div>
              <div style="float: right;width: 652px;height: 282px;">
                  <div style="margin-top: 54px; width: 652px;height: 230px;">
                    <div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">{{$val['title']}}</div>
                    <div style="height: 18px;padding-bottom: 26px;">
                      <!-- <div style="float: left;"><img src="img/z5.png"/></div> -->
                      <!-- <div style="float: left; color: #999999;font-size: 14px;">2017年8月18日</div> -->
                      <!-- <div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
                      <div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div> -->
                    </div>
                    <div style="font-size: 18px;color: #666666;">
                      {{$val['abstracts']}}
                    </div>
                  </div>
              </div>
            </div>
          </a>
        <?  }
          } ?>
          <!--
          <a href="/info?type=tanwin_lib&flag=1&id=1734">
  			<div class="tuwen2">
  				<div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">

  					<div class="img-wrapper" >
  						<img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170905/213d7ae7a4224adcdbe85ed51b557dcc.jpg?x-oss-process=image/resize,w_458,h_264,m_fill" />
  						<span class="tishi"><center>国家能源可持续发展研究中心主任康艳兵莅临浙江碳银指导交流</center></span>
  					</div>

  				</div>
  				<div style="float: right;width: 652px;height: 282px;">
  						<div style="margin-top: 54px; width: 652px;height: 230px;">
  							<div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">能源可持续发展研究中心主任康艳兵莅临浙江碳银指导交流</div>
  							<div style="height: 18px;padding-bottom: 26px;">
  								<div style="float: left;"><img src="img/z5.png"/></div>
  								<div style="float: left; color: #999999;font-size: 14px;">2017年8月18日</div>
  								<div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
  								<div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
  							</div>
  							<div style="font-size: 18px;color: #666666;">
  								​8月18日上午，国家能源可持续发展研究中心主任康艳兵在浙江省经济信息中心办公室主任程纪华陪同下，赴碳银指导交流。碳银网经营管理层进行了接待，并参加讨论座谈。
  							</div>
  						</div>
  				</div>
  			</div>
      </a>
      <a href="/info?type=tanwin_lib&flag=1&id=1733">
  			<div class="tuwen2">
  				<div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
  					<div class="img-wrapper">
  						<img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170905/c70138852998c14b37447f3a28de37de.png?x-oss-process=image/resize,w_458,h_264,m_fill" />
                          <span class="tishi"><center>萧山区政协副主席施利君一行赴碳银网指导调研</center></span>
  					</div>

  				</div>
  				<div style="float: right;width: 652px;height: 282px;">
  						<div style="margin-top: 54px; width: 652px;height: 230px;">
  							<div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">萧山区政协副主席施利君一行赴碳银网指导调研</div>
  							<div style="height: 18px;padding-bottom: 26px;">
  								<div style="float: left;"><img src="img/z5.png"/></div>
  								<div style="float: left; color: #999999;font-size: 14px;">2017年8月1日</div>
  								<div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
  								<div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
  							</div>
  							<div style="font-size: 18px;color: #666666;">
  								8月1日下午，萧山区政协副主席施利君携相关政协委员，在区招商局副局长王立加的陪同下赴碳银网考察调研。碳银副总经理袁裕国、总经理助理孟黎华进行了接待。
  							</div>
  						</div>
  				</div>
  			</div>
      </a>
      <a href="/info?type=tanwin_lib&flag=1&id=1732">
  			<div class="tuwen2">
  				<div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
  					<div class="img-wrapper">
  						<img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170905/6537bd8f4671b76722c006461f4c350a.png?x-oss-process=image/resize,w_458,h_264,m_fill" />
                          <span class="tishi"><center>萧山区王敏区长一行莅临碳银网指导调研</center></span>
  					</div>

  				</div>
  				<div style="float: right;width: 652px;height: 282px;">
  						<div style="margin-top: 54px; width: 652px;height: 230px;">
  							<div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">萧山区王敏区长一行莅临碳银网指导调研</div>
  							<div style="height: 18px;padding-bottom: 26px;">
  								<div style="float: left;"><img src="img/z5.png"/></div>
  								<div style="float: left; color: #999999;font-size: 14px;">2017年7月19日</div>
  								<div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
  								<div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
  							</div>
  							<div style="font-size: 18px;color: #666666;">
  								7月19日下午，萧山区委副书记、区长王敏，副区长魏大庆，钱江世纪城党工委书记、管委会主任黄国钧等区领导带领区府办、经信局、科技局、世纪城等相关部门赴碳银网进行了指导调研。碳银网经营管理层参加调研座谈。
  							</div>
  						</div>
  				</div>
  			</div>
      </a>
      <a href="/info?type=tanwin_lib&flag=1&id=1731">
  			<div class="tuwen2">
  				<div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
  					<div class="img-wrapper">
  						<img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170905/640a9987bb8820687e9afca3c4cf9143.png?x-oss-process=image/resize,w_458,h_264,m_fill" />
                          <span class="tishi"><center>濮阳市城乡一体化示范区管委会主任宋伯讯一行调研碳银</center></span>
  					</div>

  				</div>
  				<div style="float: right;width: 652px;height: 282px;">
  						<div style="margin-top: 54px; width: 652px;height: 230px;">
  							<div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">濮阳市城乡一体化示范区管委会主任宋伯讯一行调研碳银</div>
  							<div style="height: 18px;padding-bottom: 26px;">
  								<div style="float: left;"><img src="img/z5.png"/></div>
  								<div style="float: left; color: #999999;font-size: 14px;">2017年4月17日</div>
  								<div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
  								<div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
  							</div>
  							<div style="font-size: 18px;color: #666666;">
  								​4月17日上午，濮阳市城乡一体化示范区管委会主任宋伯讯携濮阳职业技术学院院长刘东波、河南智慧大数据生态园总经理庆红胜、常务副总经理张兴建一行来到碳银，对碳银进行参观调研。碳银副总经理袁裕国、投资总监孟黎华进行了接待并一同参加调研座谈。
  							</div>
  						</div>
  				</div>
  			</div>

      </a>
      <a href="/info?type=tanwin_lib&flag=1&id=1730">
  			<div class="tuwen2">
  				<div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">
  					<div class="img-wrapper">
  						<img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170905/f13dd951ebc7b63df1126bcde4304da4.png?x-oss-process=image/resize,w_458,h_264,m_fill" />
                          <span class="tishi"><center>钱江世纪城管委会党工委书记黄国钧一行调研碳银</center></span>
  					</div>

  				</div>
  				<div style="float: right;width: 652px;height: 282px;">
  						<div style="margin-top: 54px; width: 652px;height: 230px;">
  							<div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">钱江世纪城管委会党工委书记黄国钧一行调研碳银</div>
  							<div style="height: 18px;padding-bottom: 26px;">
  								<div style="float: left;"><img src="img/z5.png"/></div>
  								<div style="float: left; color: #999999;font-size: 14px;">2017年3月31日</div>
  								<div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
  								<div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
  							</div>
  							<div style="font-size: 18px;color: #666666;">
  								3月31日，杭州钱江世纪城管委会党工委书记黄国钧一行莅临碳银进行指导调研，碳银CEO俞兆洪、副总经理袁裕国、投资总监孟黎华参加调研座谈。
  							</div>
  						</div>
  				</div>
  			</div>
      </a>
-->
  			<div style="margin-top: 30px;float: right;padding-bottom: 52px;">
  				<!-- <img src="img/1.png" /> -->
  			</div>

  			<div style="clear: both;border-top: 1px dashed #999999;padding-top: 51px;">
  				<span style="font-size: 12px;color:#595757;">碳银活动</span>
  				<span style="color:#00478B;position:relative;bottom:3px;margin-left: 10px;font-weight: bold;margin-right: 10px;">.</span>
  				<span style="color: #00478B;font-size: 12px;">碳银视频</span>
  			</div>
  			<div class="LQ">
  				<ul class="video">
            <li>
              <a href="/market_coo/video?id=7">
              <div style="height: 230px;width: 402px;">
                <img src="img/v2.jpg" width="402px" height="230px"/>
              </div>
              <div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
              <div style="height: 18px;line-height: 18px;">
                <div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;"> 浙江碳银污泥处置项目产品及营销培训</div>
                <div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
                <div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
                  2017年9月22日，“绿享汇”第二期超级合伙人交流沙龙现场，浙江碳银副总经理袁裕国与超级合伙人把脉污泥处理处置行业痛点，共商产业生态化发展前景。
                </div>
              </div>
            </a>
            </li>
  					<li>
              <a href="/market_coo/video?id=1">
  						<div style="height: 230px;width: 402px;">
  							<img src="/img/activity1.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;"> 浙江碳银“超级合伙人”服务体系介绍</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年8月18日，绿享汇第一期超级合伙人交流沙龙，浙江碳银执行总经理褚铭讲解“超级合伙人”服务体系，合作共赢天下。
  							</div>
  						</div>
            </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=2">
  						<div style="height: 230px;width: 402px;">
  							<img src="/img/activity2.png" width="402px" height="230px"/>

  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">浙江碳银民居分布式光伏电站项目产品及营销培训</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								浙江碳银网互联网科技有限公司成功举办 “绿享汇” 2017年8月18日，绿享汇第一期超级合伙人交流沙龙，浙江碳银副总经理袁裕国讲解民居分布式光伏电站项目产品及营销培训。
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=3">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity3.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">2017年8月18日绿享汇第一期超级合伙人交流沙龙</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								8.18日，碳银“绿享会”第一期超级合伙人交流沙龙暨光伏产品发布与示范项目签约仪式在杭州萧山湘湖驿站成功举行。现场融聚了60余位来自全国各地的碳银超级合伙人，共同开辟光伏领域的新蓝海市场。
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=4">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P1</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=5">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P2</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=6">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P3</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  				</ul>

  			</div>
  			<div style="clear:both;width: 1280;height:104px;"></div>
        <div style="margin-top: 10px;float: right;padding-bottom: 22px;"></div>
  		</div>

  	</body>
</div>
@endsection
